<script setup>
import NavTitle from './components/NavTitle.vue'
import NavMenu from './components/NavMenu.vue'
import NavUser from './components/NavUser.vue'
</script>
<template>
  <el-row class="navContainer">
    <el-col :span="6" class="title">
      <NavTitle  />
    </el-col>
    <el-col :span="12">
      <NavMenu   />
    </el-col>
    <el-col :span="6" :style="{textAlign: 'right'}">
      <NavUser />
    </el-col>
  </el-row>
</template>
<style scoped>
.navContainer  {
  background: linear-gradient(to right, #267140, #4ADE80);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;

}


</style>
